﻿@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
@using HrEFCore
@using HrEFCore.Models;
@model List<SS>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="~/aa/vue/dist/vue.js"></script>
    <script src="~/aa/element-ui/lib/index.js"></script>
    <link href="~/aa/element-ui/lib/theme-chalk/index.css" rel="stylesheet" />
    <script src="~/aa/axios/dist/axios.js"></script>
    <link href="~/css/table.css" rel="stylesheet" />
	<script type="text/javascript" src="../../javascript/jquery-1.7.2.js"></script>
	<title>无标题文档</title>
	<style type="text/css">
		body {
			background: rgb(253,244,227);
		}

		.TD_STYLE1 {
			background: #E6DDCE;
			/* color:white; */
		}

		.TD_STYLE2 {
			background: rgb(253,244,227);
		}

		.INPUT_STYLE2 {
			background: rgb(253,244,227);
		}
	</style>
</head>
<body>
	<div id="app">
	<form method="post" action="">
		<table width="100%">
			<tr>
				<td>
					<font color="black">您正在做的业务是:人力资源管理--薪酬标准管理--薪酬标准登记复核</font>
				</td>
			</tr>
			<tr>
				<td>
					&nbsp;
				</td>
			</tr>
			<tr>
				<td>
					
				</td>
			</tr>
		</table>
		<table width="100%" border="1" cellpadding=0 cellspacing=1
			   bordercolorlight=#848284 bordercolordark=#eeeeee
			   class="TABLE_STYLE1">
			<template>
				<el-table :data="list"
						  border
						  style="width: 100%">
						<el-table-column prop="ssdId"
										 label="编号"
										 width="180">
						</el-table-column>
					<el-table-column prop="standardId"
									 label="薪酬标准编号"
									 width="180">
					</el-table-column>
					<el-table-column prop="standardName"
									 label="薪酬标准名称"
									 width="180">
					</el-table-column>
					<el-table-column prop="designer"
									 label="制定人">
					</el-table-column>
					<el-table-column prop="registTime"
									 label="登记时间">
					</el-table-column>
					<el-table-column prop="salarySum"
									 label="薪酬总额">
					</el-table-column>
					<el-table-column prop="cz"
									 label="复核">
									 <template slot-scope="scope">
								<span v-if="scope.row.checkStatus==0">
									<a :href="`@Url.Action("FHUpdate","SS")?Id=${scope.row.standardId}`"
									   target="mainFrame"
									   style="color:black;">
										复核
								</a></span>
								<span v-if="scope.row.checkStatus==1" :disabled="true">已复核</span>
									 </template>
					</el-table-column>
				</el-table>
			</template>


		</table>


			<el-pagination v-on:size-change="handleSizeChange"
						   v-on:current-change="handleCurrentChange"
						   :currentpage="currentPage"
						   :page-sizes="[2, 4, 6, 8]"
						   :page-size="pageSize"
						   layout="total, sizes, prev, pager, next, jumper"
						   :total="rows">
			</el-pagination>
</form>
</div>
<script type="text/javascript">
	var vm = new Vue({
		el: "#app",
		data: {
			/* list: @Html.Raw(Json.Serialize(Model)), */
			list:[],
				currentPage: 1,
				pageSize: 2,
				rows: 1,
		},
		methods: {
			/* fill: function () {
				axios.get("/SS/Index")
						.then(res => {
							this.Model = res.data.list;
						}).catch(err => {
							console.log(err);
						})
			}, */
				fill: function () {
					axios.get("/SS/Get", {
						params: {
							pageIndex: this.currentPage,
							pageSize: this.pageSize
						}
					}, {
						headers: {
							'Content-Type': 'multipart/form-data'
						}
					}).then(res => {
						this.list = res.data.list;
						this.rows = res.data.rows;
						console.log(res.data.list);
						console.log(res.data.rows);
						console.log(res.data);
					}).catch(err => {
						console.log(err);
					})
				},
			handleSizeChange: function (val) {
				this.pageSize = val;
				this.fill();
			},
			handleCurrentChange: function (val) {
				this.currentPage = val;
				this.fill();
			},
			
		},
		mounted: function () {
			this.fill();
		}
	});
	
</script>
</body>
</html>

